@use "../variables" as *; 
// 继承
// 占位符选择器 %（Placeholder Selectors） 场景：避免生成不必要的 CSS 规则（如仅当元素被继承时才输出样式）
%card-base {
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card {
    @extend %card-base;
    padding: $padding;;
}

.card-highlight {
    @extend %card-base;
    border: 2px solid $primary-color;
}